page{
    background-color: rgb(242, 244, 245);
}
.collect_main{
    background-color: #f3f4f6;
    .collect_title{
      padding: 40rpx 0;
      .collect_tips{
        padding: 15rpx;
        border: 1rpx solid #ccc;
        margin-left: 25rpx;
        background-color: #fff;
      }
      .active{
        color: var(--themeColor);
        border-color: currentColor;
      }
    }
    .collect_content{
        .collect_item{
            background-color: #fff;
            display: flex;
            padding: 20rpx;
            border-bottom: 3rpx solid #ccc;
            .goods_image{
                flex: 3;
                display: flex;
                image{
                    justify-content: center;
                    align-items: center;
                    width: 80%;
                }
            }
            .goods_name_warp{
                flex:5;
                display: flex;
                flex-direction: column;
                justify-content: space-around;
                .goods_name{
                    display: -webkit-box;
                    overflow: hidden;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                }
                .goods_price{
                    font-size: 32rpx;
                    color: var(--themeColor);
                }
            }
        }
    }
}